<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/jslib/vslide.js"></script>
<script src="/jslib/flickity/flickity.pkgd.js"></script>

<script src="/jslib/viewjs/js/viewer.min.js"></script>
<script src="/laynav/js/public.js"></script>
<script src="/laynav/js/index.js"></script>
<script>

    $(function(){

         <#if (recomentNewsList)??>
             <#if (recomentNewsList?size>=1)>
                     <!--获取li每行的高度，动画移动的高度-->
                // var liHeight = $('#ulContent_li').height();
                var liHeight = $("#ulContent li").first().height();

                <!--调用插件-->
                $('#ulContent').lSlide({nTop:liHeight});
             </#if>
         </#if>

    })
    try {

        <#if (recomentList)??>
            <#if (recomentList?size>=1)>
                <#list recomentList as recomentObj>
                    <#if (recomentObj??&& recomentObj.dataList ??&& recomentObj.dataList?size>=1)>
                 render1("#${recomentObj.fromsite}");
                    </#if>
                </#list>
            </#if>
        </#if>

        <#if (recomentMovList)??>
            <#if (recomentMovList?size>=1)>
              render1("#recomentMovListId");

            </#if>
        </#if>

    } catch (error) {
        //在错误发生时怎么处理
    }

    function render1(id){
        return new Flickity( id, {
            // 选项，默认值列表

            accessibility: true,
            // 启用键盘导航，按左右键

            adaptiveHeight: false,
            // 将幻灯片/轮播高度设置为所选的幻灯片

            autoPlay: 1000,
            // 跳转到下一个单元格
            // 如果为 true, 默认间隔3秒
            // 或以毫秒为单位设置间隔时间
            // 例如 `autoPlay: 1000` 间隔为1秒

            cellAlign: 'center',
            // 对齐，“中心”，“左”或“右”
            // 或小数点0-1,0是容器的开始（左），1是结束（右）

            cellSelector: undefined,
            // 指定单元格元素的选择器

            contain: false,
            // 将包含单元格到容器
            // 所以在开始或结束时没有多余的滚动
            // 如果启用了 wrapAround ，则不起作用

            draggable: true,
            // 启用拖动和触摸

            dragThreshold: 3,
            // 用户必须水平滚动才能开始拖动的像素数
            // 增加触摸设备的垂直滚动空间

            freeScroll: false,
            // 使内容可以自由滚动和弹出
            // 不调整单元格

            friction: 0.2,
            // 较小的数字=更容易滑动

            groupCells: false,
            // 将组包含在幻灯片中

            initialIndex: 0,
            // 初始选定单元的基于0的索引

            lazyLoad: true,
            // 启用延迟加载图像
            // 设置图像 data-flickity-lazyload="src.jpg"
            // 设置为加载相邻单元格的图像

            percentPosition: true,
            // 以百分比值而不是像素设置定位
            // 如果项目具有百分比宽度，则启用
            // 如果项目具有像素宽度（如图像）则禁用

            prevNextButtons: true,
            // 创建并启用按钮以点击上一个和下一个单元格

            pageDots: true,
            // 创建并启用页面点

            resize: true,
            // 监听窗口调整大小事件，以调整大小和位置

            rightToLeft: false,
            // 实现从右到左的布局

            setGallerySize: true,
            // 设置画廊的高度
            // 如果图库已经使用CSS设置了高度，则禁用它

            watchCSS: false,
            // 观看内容：之后的元素
            // 如果激活 #element:after { content: 'flickity' }

            wrapAround: true
            // 在滑动结束时，首先使用无限滚动

        });
    }

</script>